* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

@font-face {
    font-family: "mjfont1";
    src: url("http://cdn.sihuanyun.com/font/mjfont1.woff2");
}

.xfyykp {
font-family: "mjfont1";
width: 280px;
height: 140px;
position: fixed;
left: -300px;
bottom: 80px;
z-index: 999999;
border-radius: 0 20px 20px 0;
background: url(http://cdn.顶部图片位置sihuanyun.com/images/bg-cat-main.png) no-repeat top;
background-size: 100% auto;
padding-top: 30px;
transition: left 1s linear 0s;
}

.bfq {
box-sizing: border-box;
width: 100%;
height: 140px;
background-image: linear-gradient(180deg, #FFF2EF 0%, #FFFFFF 50%);
box-shadow: rgb(255, 209, 216) 0px 1px 4px 0px inset;
display: flex;
padding-top: 10px;
box-shadow: 5px 3px 8px #6FA8DC;
}

.yykjtop{
display: flex;
}

.gqxx{
box-sizing: border-box;
width: 210px;
height: 60px;
padding: 0 5px;
}

.yyfm {
width: 50px;
height: 50px;
flex-shrink: 0;/*防止被压缩*/
}

.yyfm img {
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 20px;
border: 3px solid #6FA8DC;
}

.yykj {
width: 280px;
height: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
}

#yyname {
font-size: 16px;
box-sizing: border-box;
color: #ffa9b8;
text-align: center;
font-weight: bold;
padding-top: 5px;
/* height: 25px; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#yyzuozhe {
padding: 5px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #78c1ff;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
font-size: 13px;
}

.jindutiao {
height: 40px;
}

#progressBar {
width: 100%;
height: 10px;
border-radius: 20px;
background-color: #ccc;
position: relative;
overflow: hidden;
}

#progressBar .progress {
height: 100%;
border-radius: 20px;
background-color: #ffa9b8;
position: absolute;
top: 0;
left: 0;
}

.yyshijian {
display: flex;
justify-content: space-between;
margin: 5px 0;
font-size: 15px;
}

.bfqan {
display: flex;
justify-content: space-around;
}

.bfqan div svg {
width: 100%;
height: 100%;
background-color: #fff;
}

.bfqan div {
width: 20px;
height: 20px;
overflow: hidden;
}

#yousheng {
display: block;
}

.zkan {
width: 30px;
height: 140px;
display: flex;
align-items: center;
background-color: #6FA8DC;
position: absolute;
border-radius: 0 15px 15px 0;
right: -30px;
top: 30px;
}

.zkan svg {
width: 30px;
height: 30px;
transform: scaleX(1);
transition: transform 0.5s linear 0s;
}